<!DOCTYPE html><html lang="en"><head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  <meta content="CR" name="w3c-status">
  <title>HTML 5.1: 4.14. Disabled elements</title>
  <link href="styles/styles-html.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href=styles.default.css>
  <meta content="Bikeshed 1.0.0" name="generator">

  <link href="styles/W3C-CR" rel="stylesheet" type="text/css">
 </head>
 <body class="h-entry">
  <div class="head">
   <header>
    <p data-fill-with="logo"><a href="http://www.w3.org/"><img alt="W3C" height="48" src="styles/logos/W3C" width="72"></a></p>
    <h1 class="p-name no-ref allcaps" id="title">HTML 5.1</h1>
    <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">W3C Candidate Recommendation, <time class="dt-updated" datetime="2016-06-21">21 June 2016</time></span></h2>
   </header>
   
   
   
   
  </div>
  
  
  
  
  
  <nav data-fill-with="table-of-contents" id="toc"><p class="prev_next">← <a href="common-idioms-without-dedicated-elements.html#common-idioms-without-dedicated-elements"><span class="secno">4.13</span> <span class="content">Common idioms without dedicated elements</span></a> — <a href="index.html#contents">Table of contents</a> — <a href="matching-html-elements-using-selectors.html#matching-html-elements-using-selectors"><span class="secno">4.15</span> <span class="content">Matching HTML elements using selectors</span></a> →</p>
   <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
   <ol class="toc" role="directory"><li><a href="disabled-elements.html#disabled-elements"><span class="secno">4.14</span> <span class="content">Disabled elements</span></a>
      </li></ol>
  </nav><main><section>
     <h3 class="heading settled" data-level="4.14" id="disabled-elements"><span class="secno">4.14. </span><span class="content">Disabled elements</span><a class="self-link" href="disabled-elements.html#disabled-elements"></a></h3>
     <p>An element is said to be <dfn class="dfn-paneled" data-dfn-type="dfn" data-lt="disabling|actually disabled" data-noexport="" id="disabling">actually disabled</dfn> if it
  falls into one of the following categories:</p>
     <ul>
      <li>a <code><a data-link-type="element" href="sec-forms.html#elementdef-button" id="ref-for-elementdef-button-35">button</a></code> element that is disabled
      </li><li>an <code><a data-link-type="element" href="sec-forms.html#elementdef-input" id="ref-for-elementdef-input-268">input</a></code> element that is disabled
      </li><li>a <code><a data-link-type="element" href="sec-forms.html#elementdef-select" id="ref-for-elementdef-select-101">select</a></code> element that is disabled
      </li><li>a <code><a data-link-type="element" href="sec-forms.html#elementdef-textarea" id="ref-for-elementdef-textarea-70">textarea</a></code> element that is disabled
      </li><li>an <code><a data-link-type="element" href="sec-forms.html#elementdef-optgroup" id="ref-for-elementdef-optgroup-20">optgroup</a></code> element that has a <code>disabled</code> attribute
      </li><li>an <code><a data-link-type="element" href="sec-forms.html#elementdef-option" id="ref-for-elementdef-option-102">option</a></code> element that is disabled
      </li><li>a <code><a data-link-type="element" href="interactive-elements.html#elementdef-menuitem" id="ref-for-elementdef-menuitem-16">menuitem</a></code> element that has a <code>disabled</code> attribute
      </li><li>a <code><a data-link-type="element" href="sec-forms.html#elementdef-fieldset" id="ref-for-elementdef-fieldset-35">fieldset</a></code> element that is a <a data-link-type="dfn" href="sec-forms.html#disabled-fieldset" id="ref-for-disabled-fieldset-1">disabled fieldset</a>
     </li></ul>
     <p class="note" role="note"> This definition is used to determine what elements <a data-link-type="dfn" href="editing.html#can-be-focused" id="ref-for-can-be-focused-1">can be focused</a> and which elements match the <code>:disabled</code> pseudo-class. </p>
     <div class="impl"></div>
    </section></main>
  
<script src="js/fixup.js"></script>
  

<p class="prev_next">← <a href="common-idioms-without-dedicated-elements.html#common-idioms-without-dedicated-elements"><span class="secno">4.13</span> <span class="content">Common idioms without dedicated elements</span></a> — <a href="index.html#contents">Table of contents</a> — <a href="matching-html-elements-using-selectors.html#matching-html-elements-using-selectors"><span class="secno">4.15</span> <span class="content">Matching HTML elements using selectors</span></a> →</p></body></html>
